<template>
    <div id="left">
            <ul id="left-nav">
            <router-link tag="li" to="/ArticleText" >关注</router-link>
            <router-link tag="li" to="/ArticleText1"  >热门</router-link>
            <router-link tag="li" to="/ArticleText"  >收藏</router-link>
            <router-link tag="li" to="/ArticleText1">摸鱼</router-link>
            <router-link tag="li" to="/ArticleText" >娱乐</router-link>             
            <router-link tag="li" to="/ArticleText1"  >社会</router-link>             
            <router-link tag="li" to="/ArticleText"  >明星</router-link>             
            <router-link tag="li" to="/ArticleText1"  >新闻</router-link>
                       
            </ul>
        </div>
</template>
<style lang="scss" scoped>
#left-nav{
        list-style: none;
        font-size: 10px;
        width:40px;
       
        background-color:rgb(250, 250, 250);
        border:1px solid rgb(236, 234, 234);
        text-align:center;
        border-radius: 8px;
        position: fixed;
        left:5%;
        top:150px;
    }
    #left-nav li{ 
        height:45px;
        line-height: 45px;
        color:rgb(131, 125, 125); 
        cursor: pointer;     
    }
    #left-nav li:hover{  
        background-color:rgb(217, 218, 208);
        color:rgb(74, 198, 207);
    }
    
</style>